import React from 'react';
import PropTypes from 'prop-types';
import { Spin } from 'antd';
import styles from './style.less';
import accounting from 'accounting';
class CollectC extends React.Component {
  // 默认值
  static defaultProps = {
    type: '1', //1单行展示 2上下两行展示
    isloading: false,
  };
  render() {
    const { type, dataSource, logoName, isloading } = this.props;
    return (
      <Spin spinning={isloading}>
        <div className={type == 1 ? styles.wrap : `${styles.wrap} ${styles.wrap1}`}>
          {logoName ? (
            <div className={styles.logo}>
              <span>{logoName}</span>
            </div>
          ) : null}
          {dataSource && dataSource.length ? (
            <>
              {dataSource.map((item, key) => {
                return (
                  <div key={key} style={{ width: 100 / dataSource.length + '%' }}>
                    <div>{item.name}</div>
                    <div>{item.value != undefined && item.value != null ? accounting.formatNumber(Number(item.value), item.toFixed || 0) : '--'}</div>
                  </div>
                );
              })}
            </>
          ) : null}
        </div>
      </Spin>
    );
  }
}
// props默认值
CollectC.propsTypes = {
  RightBtn: PropTypes.Boolean, // 标题名
  Left: PropTypes.string, // 加载标题后面的其他元素（可以是ReactNode）
  Right: PropTypes.string, // 加载右侧其他元素（可以是ReactNode）
  width: PropTypes.string, //左侧bar的宽度
  height: PropTypes.string, //左侧bar的高度
  isloading: PropTypes.Boolean, // loading
};
export default CollectC;
